import { useState, FC, useEffect } from 'react';
import { Tabs, Pagination } from 'antd';

const { TabPane } = Tabs;

const Project: FC = () => {
  const [key, setKey] = useState<string>('my_porject');

  const changeKey = (key: string) => {
    setKey(key);
  };
  return (
    <div>
      <Tabs defaultActiveKey={key} onChange={changeKey}>
        <TabPane tab="我的项目" key="my_porject">
          我的项目
        </TabPane>
        <TabPane tab="共享项目" key="download_template">
          共享项目
        </TabPane>
      </Tabs>
      <Pagination showQuickJumper defaultCurrent={2} total={12} />
    </div>
  );
};

export default Project;
